/*BugKiller*/
/* ======================================================== PUBLIC ==========================================================*/
html, body, form, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl {
	margin:0;
	padding:0;
	border:0;
}
html {
	overflow-x:hidden
}
body {
	font-size:13px;
	color:#555;
	font-family:Arial, 宋体;
	background:url("../images/bg.gif") left top repeat-x #fff;
}
hr{
	border-color:#CCC;
}
a
{
	outline:none;
     -moz-outline:none;
    blr:expression(this.onFocus=this.blur())
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
img {
	vertical-align:middle;
}
img.user-logo-define{
	max-width:140px;
	width:expression(this.width>140?140:true);
	max-height:80px;
	width:expression(this.width>80?80:true);
}
input, select, textarea {
	color:#555;
	vertical-align:middle;
	margin:0;
	/*border:1px solid #bbb;*/
}
.readonly {
	border-width: 0px;
	border-style: none;
	overflow:hidden;
	font-size:13px;
	color:#555;
	font-family:Arial, 宋体;
}
li{
	list-style:none;
}
a img {
	border:none;
}
.check-button{
	border:none;
	}
.language{
	padding:2px;
	height:22px;
	width:129px;
}
.centered{
   text-align:center;
}
.DLine{
	margin:0 5px;
}
.MLine{
	padding:10px;
}
.SLine{
	margin:0 15px;
}
.Smallerbox {
	margin-bottom:5px;
}
.Smallbox {
	margin-bottom:10px;
}
.Midbox {
	margin-bottom:15px;
}
.box {
	margin-bottom:15px;
}
.Solution .box{
	position:relative;
}
.Solution .box .BigFont{
	position:absolute;
	left:288px;
	top:2px;
}
.Solution .box .thickbox{
	top:-64px;
}
.bugs-detail-bg{
	background-color:#EFEFEF;
	float:left;
	}
label {
	width:45px;
	margin-right:5px;
	float:left;
}
.relative{
	position:relative;
}
.CenterBox{
	width:100%;
}
.margintop10{
	margin-top:10px;
}
.SmallTop{
	margin-top:30px;
}
.icon {
	margin-right:5px;
}
.icon_big {
	margin-right:10px;
}
.icon_biger {
 	margin-right:15px;
}
.icon_bigest{
	margin-right:20px;
}
.SmallFont {
	font-size:11px;
}
.BigFont {
	font-size:12px;
}
.BiggestFont {
    font-size:14px;
}
.BugTitle{
	font-size:12px;
	font-weight:bold;
}
.LargeFont{
	font-size:20px;
}
.Select{
	width:230PX;
	font-size:18px;
	padding:5px;
	height:35px;
}
/* ======================================================== COLOR ==========================================================*/
.Black {
	color:#000;
}
.White{
	color:#fff;
}
.Gray{
	color:#666;
}
.Blue{
	color:#024772;
}
.ThinBlue{
	color:#1077b5;
}
.Red{
	color:#ff0000;
}
.Orange{
	color:#996600;
}
.ThinOrange{
	color:#ff6000;
}
.Yellow{
	color:#fea900;
}
.light-yellow{
	color:#F8EFBB;
}
.Pink{
	color:#ff00ff;
}
.Green{
	color:#339900;
}
.ThinGreen{
	color:#999900;
}
.Red{
	color:#cc3300;
}
.RedBox , .GreenBox , .BlueBox ,.OrangeBox{
	padding:3px;
	color:#fff;
	display:inline-block;
	line-height:16px;
	font-size:12px;
}
.RedBox{
	background:#cc3300;
}
.GreenBox{
	background:#339900;
}
.OrangeBox{
	background:#ffa900;
}
.BlueBox{
	background-color:#0066ff;
}
.BlueBorder{
	border:1px solid #b7ddef;
}
.BlueBackground{
	background:#ddedfe;
	border-bottom:1px solid #fff;
	border:none;
}
.GrayBackground{
	background:#f6f6f6;
}
.GrayBorder{
	border:1px solid #ccc;
}
.BlueBorder_btm{
	border-bottom:2px solid #d6e1ea;
	margin-bottom:1px;
}
.Border_btm{
	border-bottom:1px solid #eef4eb;
}
/* ======================================================== LINK ==========================================================*/
a {
   color:#cdcdcd;
   text-decoration:none;
   cursor:pointer;
}
a:hover {
   text-decoration:underline;
}
a.Blue{
	color:#1077b5;
}
a.Blue:hover{
	text-decoration:underline;
	color:#1077b5;
}
/*==========================================================wrapper===============================================================*/

.Wrapper{
	height:auto;
	padding:0px 20px 0;
	margin:0 auto;
	max-width:1600px;
	min-height:800px;
	height: expression( this.scrollHeight < 800 ? "800px" : "auto" );
	width: expression( document.body.clientWidth > 1599 ? "1600px" : "auto");
}
.Top{
	height:30px;
	color:#cdcdcd;
	margin:0 auto;
	width:99%;
	padding-top:10px;
}
.Top span.username{
	font-weight:bold;
	padding:0 4px;
	}
.online-icon , .help-icon{
	color:#f8efbb;
	}

.Top .online-icon{
	padding:3px 0 3px 28px; 
	background-position:-474px -194px;
	}
.Top .help-icon{
	padding:4px 0 3px 28px;
	background-position:-474px -172px;
	}
.logo{
	z-index:1px;
	position:relative;
	top:10px;
	}
.SubHeader{
	height:85px;
	padding-top:15px;
	width:99%;
	z-index:1;
}
.Content{
	background:url("../images/content_left_bg.png") left top no-repeat;
	float:left;
	padding-left:11px;
	width:99%;
	min-height:550px;
	height: expression( this.scrollHeight < 550 ? "550px" : "auto" );
}
.Content div.Right{
	background:url("../images/content_right_bg.png") right top no-repeat;
	padding:20px 24px 0 13px;
	width:99%;
	min-height:550px;
	height: expression( this.scrollHeight < 550 ? "550px" : "auto" );
}
.Home-Wrapper .Content div.Right{
	padding:20px 11px 0 0;
	_padding-right:2px;
}
.Bugicon{
	background:url("../images/common.gif") -485px -387px no-repeat;
	margin-right:5px;
	color:#024772;
	font-size:16px;
	padding:3px 0 0 17px;
	height:23px;
	font-weight:bold;
}
.SearchBox{
	border:1px solid #bbb;
	background:#eff3f6 url("../images/search.gif") left bottom repeat-x;
	padding:20px 10px;
	color:#010101;
	width:98%;
}
.SearchBox span{
	height:25px;
}
.Sub .SearchBox label{
	text-align:left;
	width:60px;
}
.Sar .SearchBox{
	padding:2px 10px;
}
.SearchSelect{
	width:150px;
	margin-right:4px;
}
.SearchSelect1{
	width:100px;
	margin-right:4px;
}
a.Buttom{
	background:url("../images/Viewle.gif") left top no-repeat;
	padding-left:10px;
	float:left;
}
a.Buttom span{
	background:url("../images/Viewri.gif") right top no-repeat;
	padding-right:12px;
	float:left;
	color:#555;
	line-height:21px;
	padding-top:1px;
	height:21px;
}
a.Buttom span:hover{
	text-decoration:none;
}
.Submit{
	position:absolute;
	right:0;
	bottom:0;
}
.Solution{
	border:1px solid #d6e1ea;
	padding:15px;
	margin-top:10px;
	position:relative;
}
.gantan , .Resolved{
	background:url("../images/common.gif") left top no-repeat;
}
.gantan{
	padding-left:35px;
	height:22px;
	font-size:16px;
	padding:5px 0 0 40px;
	color:#000;
	margin-bottom:10px;
	background-position:-468px -354px
}
.Resolved{
	background-position:-468px -321px;
    padding-bottom:5px;
}
.Urgently , .Newbug{
	background:url("../images/common.gif") left top no-repeat;
}
.Urgently{
	background-position:-475px -254px;
	padding-bottom:5px;
}
.Newbug{
	background-position:-475px -290px;
	padding-bottom:5px;
}
.PageTop{
	background:url("../images/pagetop.gif") left top repeat-x;
	height:24px;
	padding:13px 10px 5px;
	margin-bottom:1px;
}
.PageBtm{
	background:url("../images/pagebtm.gif") left top repeat-x;
}
.Page a{
	color:#1077b5;
}
.Page a:hover{
	color:#024772;
}
.Page a.Activity{
	color:#024772;
	font-weight:bold;
}
table.bugdetail {
	table-layout:fixed;
}
table.bugdetail tr td{
	padding:0px 8px;
	font-family: Arial, 宋体;
	background-color:#f6f6f6;
	line-height:36px;
}
*html table.bugdetail tr td span{
	display:inline-block;
	line-height:16px;
}
table.bugdetail tr.title td,table.bugdetail tr.last td{
	background-color:#ddedfe;
}
table.bugdetail tr.arrow td,table.bugdetail tr.arrow:hover td{
	background:url("../images/arrow_big_icon.gif") #fff no-repeat 16px;
	height:28px;
}
table.bugdetail tr td.reply{
	background:url("../images/edit.gif") #f6f6f6 no-repeat left 16px;
	padding-left:16px;
	line-height:16px;
	width:40%;
	word-wrap: break-word;
	overflow:hidden;
}
table.bugdetail tr.last td.reply{
	background-color:#ddedfe;
}
table.bugdetail tr.last td.reply:hover{
	background-color:#f7f6a3;
}
table.bugdetail tr td.unreply{
	background:url("../images/unedit.gif") #f6f6f6 no-repeat left center;
}
table.bugdetail tr:hover td{
	background-color:#f7f6a3;
	cursor:pointer;
}
table.Bug tr td
{
	border-bottom: 2px solid #fff;
	font-family: Arial, "å®‹ä½“";
}
table.Bug tr:hover
{
	background: #f7f6a3;
	cursor: hand;
}
table.Bug tr.TableTop:hover
{
	background: #DDEDFE;
}
table.Bug tr td a{
	color:#1077B5;
	}
table.Bug tr.expand-project:hover {
	background-color:transparent;
}	
.expand, .hide{
	display:inline-block;
	height:13px;
	width:16px;
	margin-right:10px;
	}
.expand
{
    background:url("../images/icon_expand.gif") no-repeat;
	}
.hide
{
     background:url("../images/icon_hide.gif") no-repeat;
	}	
.project-list{
	border:1px #f5c361 solid;
	width:100%;
	background-color:#ffffcb;
	}	
.project-list .title{
	background-color:#f1f19f;
	font-weight:bold;
	}	
	
.bugs-total, .bugs-unfix, .bugs-approval, .bugs-fix{
	background:url("../images/common.gif") no-repeat left center;
	padding:0 0 0 35px;
	font-size:14px;
	height:21px;
	display:inline-block;
	}
.bugs-total .num, .bugs-unfix .num, .bugs-approval .num, .bugs-fix .num{
	font-size:20px;
	}	
.bugs-total{
	background-position:-474px -81px;
	color:#333;
	}
.bugs-unfix{
	background-position:-474px -104px;
	color:#CC3300;
	}	
.bugs-approval{
    background-position:-474px -151px;
	color:#FEA900;
	}
.bugs-fix{
	background-position:-474px -127px;
	color:#339900;
	}		

/*=========== button ===========*/
.button-create , a.button-create span{
	background:url("../images/common.gif") no-repeat;
}
.button-create{
	background-position:-465px 0;
	margin-top:5px;
	float:right;
	height:38px;
	padding:0px 0 0 35px;
	color:#3e810f;
	font-weight:bold;
}
a.button-create span{
	background-position:right -41px;
	padding:11px 5px 0 4px;
	height:27px;
	float:left;
	display:block;
	margin:0;
	}
.Solution .PageTop a.button-create
{
   margin-top:-19px;
   position:relative; 
}
.Solution a.button-create
{
   margin-top:-11px;
   position:relative; 
}
.CenterBox .button-create{
	position:absolute;
	right:15px;
	top:10px;
	bottom:0;
}
.btn{
	padding:5px 10px;
}
/*======================================================menu====================================================*/
ul.Menu{
	float:right;
}
ul.Menu li{
	float:left;
}
ul.Menu li a{
	font-weight:bold;
	color:#fff;
	float:left;
	height:25px;
	text-align:center;
	padding-top:51px;
	/*margin-left:20px;*/
	width:112px;
}
ul.Menu li a.menu1{
	background:url("../images/menu1.png") center top no-repeat;
}
ul.Menu li a.menu2{
	background:url("../images/menu2.png") center top no-repeat;
}
ul.Menu li a.menu3{
	background:url("../images/menu3.png") center top no-repeat;
}
ul.Menu li a.menu4{
	background:url("../images/menu4.png") center top no-repeat;
}
ul.Menu li a.menu5{
	background:url("../images/menu5.png") center top no-repeat;
}
ul.Menu li a:hover , ul.Menu li a.Activity{
	background-position: center bottom;
	text-decoration:none;	
	color:#1077B5;
	width:112px;
}
ul.HomeMenu{
	float:right;
	position:absolute;
	right:30px;
	top:73px;
}
ul.HomeMenu li{
	float:left;
	margin-left:5px;

}
ul.HomeMenu li a:hover{
	text-decoration:none;
}
ul.HomeMenu li a{
	background:url("../images/blue_btn.gif") no-repeat left center;
	height:29px;
	width:84px;
	padding-top:5px;
	text-align:center;
	display:inline-block;
	color:#1077b5;
	font-size:12px;
	font-weight:bold;
	line-height:29px;
}
ul.HomeMenu li a.Activity {
	background-image:url("../images/yellow_btn.gif");
	color:#4c4c4c;
}
/*==========================================================treatment================================================*/
.Popup-body{
	background:url("../images/insert.gif") left top repeat-x;
	padding-top:20px;
}
.Insert label{
	width:80px;
	margin-right:35px;
	text-align:right;
	color:#010101;
}
.Sub label{
	text-align:left;
	width:90px;
}
.NoneBorder input{
	border:none;
}
.Detail .Solution{
	margin-top:0;
	width:85%;
}
/*=======================================================statistic=======================================================*/
.scalemenu{
	background:url("../images/scalemenu_left.gif") left top no-repeat;
	padding-left:13px;
	float:left;
	line-height:24px;
}
.scalemenu span{
	background:url("../images/scalemenu_right.gif") right top no-repeat;
	padding-right:80px;
	float:left;
	color:#fff;
}
.ScaleBox{
	width:46%;
}
.nametip{
	background:url("../images/nametip_top.gif") right top no-repeat;
	width:286px;
	padding-top:7px;
	float:left;
	float:left;
	margin-top:30px;
}
.nametip .mid{
	background:url("../images/nametip_mid.gif") right center no-repeat;
	padding:0 10px 0 15px ;
	float:left;
	width:261px;
	display:block;
}
.nametip .btm{
	background:url("../images/nametip_btm.gif") right top no-repeat;
	width:286px;
	height:7px;
	clear:both;
	float:left;
}
.nametip_arrow{
	background:url("../images/nametip_arrow.gif") left top no-repeat;
	float:left;
	padding-left:16px;
}
.nametip_arrow .Left{
	background:url("../images/nametip_right.gif") right top no-repeat;
	padding-top:8px;
	padding:8px 10px 0 0; 
	height:23px;
	float:left;
}
.OverviewBox{
	float:left;
}
.OverviewBox label{
	width:110px;
	margin-right:10px;
	color:inherit;
}
.SmallWidth{
	width:80%;
}
.Negative{
	background:url("../images/shadow.gif") repeat-x left bottom;
	padding-bottom:13px;
	margin-top:-13px;
}
.Staff{
	width:240px;
	height:120px;
	border-color:#ACA899 #F1EFE2 #F1EFE2 #ACA899;
	border-style:solid;
	border-width:2px 1px 1px 2px;
	overflow-y:scroll;
	color:#000;
}
.Staff ul li{	
	padding:3px 5px;
}
.Staff ul li:hover{
	color:#fff;
	background-color:#3399ff;
	text-decoration:none;	
}
.Two-way{
	margin:50px 30px 0;
}
.SuccessfulBox{
	background-color:#e3fdd0;
	border:1px solid #abe282;
	text-align:center;
	padding:10px;
}
.UserList{
	background:#e8eff5;
}
/*==========================================================================homepage========================================*/
.Home-Wrapper{
	width:990px;
}
.Intro{
	position:relative;
}
.LoginBox{
	background:url("../images/LoginBox.gif") left top no-repeat;
	padding:15px 15px;
	width:232px;
	height:246px;
	float:right;
}
.Channel{
	width:277px;
	float:left;
	margin:20px 55px 0 0;
}
.Channel .top , .Channel .content{
		background:url("../images/common.gif") no-repeat;
}
.Channel .top{
	background-position:-18px -36px;
	width:247px;
	padding:15px;
	font-size:16px;
	color:#fff;
	height:20px;
	text-align:center;
	font-weight:bold;
}
.Channel .top a{
	color:#fff;
	}
.Channel .content a.more-link{
	font-size:12px;
	position:absolute;
	bottom:4px;
	right:6px;
	color:#666666;
}
.Channel .content{
	background-position:-18px -88px;
	width:247px;
	padding:10px 15px;
	height:170px;
    position:relative;
}
ul.Lower li{
	background:url("../images/common.gif") -489px -566px  no-repeat;
	padding-left:15px;
	margin-bottom:5px;
	line-height:16px;
	position:relative;
}
/*==================================================================footer===============================================*/
.Footer{
	background:#4c4c4c;
	border:1px solid #949292;
	padding:20px 2% 0;
	color:#cdcdcd;
	width:96%;
	height:40px;
}
.Footer a:hover{
	color:#fff;
}
.Footer .copyright{
	display:block; 
	margin-right:20%;
	}
/* ======================================================== Action ==========================================================*/
.delete,.del{
	background-image:url("../images/delete_icon.gif");
	background-repeat:no-repeat;
	}
	.del
	{
	    background-position:right center;
	    padding-right:18px;   
	}
.edit, .pay{
	background-repeat:no-repeat;
	background-position:right center;
	color:#1077B5;
	padding:0 18px 0 0;
	margin:0 0 0 15px;
	}
.edit{
	background-image:url("../images/pencil.gif");	
}
/* ======================================================== popup ==========================================================*/	
.popup{
	border:2px #d6e1ea solid;
	padding:10px;
}
.popup-400{
	width:400px;
	}
.popup .header{
	border-bottom:1px #d6e1ea solid;
	display:inline-block;
	width:100%;
	padding:0 0 5px;
	}	
.popup h2{
	float:left;
	font-size:14px;
	color:#024772;
	}	
.popup .close{
	float:right;
	color:#fe0000;
	text-decoration:underline;
	}
.popup .content{
	clear:both;
	padding:10px 5px;
	}	
.popup a{
	color:#1077B5;
	}
.popup .choose-to-keep .left{
	margin:0 20px 10px 0;
	}	

/* ======================================================== slidebar Sufang 20100316 ==========================================================*/

.slidebar{
	float:left;
	margin-top:10px;
	background-color:#fff;
}
.slidebar .slidebar-top{
	background:url("../images/common.gif") no-repeat -18px -308px;
	width:177px;
}
.slidebar .slidebar-bottom{
	background:url("../images/common.gif") no-repeat -18px -289px; 
	width:177px;
    height:5px;
}
.slidebar .slidebar-top h2{
	font-size:13px; 
	color:#fff; 
	padding:10px;
}

.slidebar .Lower{
	padding-top:20px;
}
.slidebar .Lower li{
	background:none; 
	padding-left:0px; 
	padding-bottom:10px; 
	display:table; 
	width:100%; 
	margin-bottom:0px;}
.slidebar .Lower span{
    padding-right:5px; 
	float:left;
	width:30%; 
	text-align:right;
}
.slidebar .Lower p{
	margin:0; 
	padding:0; 
	float:left; 
	width:60%; 
	color:#000; 
	word-wrap:break-word; 
	word-break: normal;
}
.slidebar .archives{
	padding-top:10px;
	padding-left:10px;
}
.slidebar .archives li{
	background:url("../images/common.gif") no-repeat -474px -598px; 
	line-height:20px;
    padding-left:15px;
}

.slidebar .archives li.active{
	background-position:-484px -584px; 
}
.slidebar .archives li a{
	text-decoration:none;
	color:#000;
	font-size:13px;
	}

.slidebar .archives .subnav li {
	background:none;
    padding-left:10px;
	}
.slidebar .archives .subnav li a{
	color:#666; 
	font-size:13px;
}
.slidebar .archives .subnav li a.current{
	font-weight:bold;
	}
/* ======================================================== aboutUs Sufang 20100316 ==========================================================*/
.about-us, .news{
	width:78%; 
	float:right; 
	margin-top:20px;
}
.about-us h2{ 
	font-size:15px;
	color:#1077b5;
	margin-bottom:20px;
}
.about-us p{
	font-size:13px; 
	color:#666;
	}
.about-us .Lower li{
	_display:inline-block;
	margin-left:18px;
}


/* ======================================================== news Sufang 20100316 ==========================================================*/
.news h2{
	font-size:15px;
	color:#1077b5;
	margin-bottom:25px;
	float:left;
}
.news h3{
	font-size:14px;
	color:#000;
	clear:both;
	}
.news p{
	font-size:13px; 
	color:#666;
	padding:0; margin:0;
    margin-bottom:24px;
    margin-left:10px;
	line-height:18px;
	}
.news p.entry-time{
	color:#999;
}

 .pagination{
	float:right;
	}
.pagination a{
	color:#000;
	font-size:12px;
	padding:3px 5px;
	border:1px solid #ccc; 
	margin-right:5px; 
	text-decoration:none;
	float:right;}
 .pagination a.active{ 
    color:#fff;
	background-color:#666;
	border:none;
	padding:4px 6px;
}
 .pagination .next-page{	
    background:url("../images/page_next_bg.gif") repeat-x left bottom;
	}
 .pagination span{
	background:url("../images/down_ico.gif") no-repeat right center; 
	padding-left:5px;
  }

/* ======================================================== homepage login-register Sufang 20100317==========================================================*/
.LoginBox h3,.LoginBox p{
	background:url("../images/login_line.gif") no-repeat left bottom;
	font-size:14px;
	color:#1077b5;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:6px;
	}
.LoginBox h3{
	padding-bottom:5px;
	margin-bottom:20px;
}
.LoginBox p{
	padding-top:15px;
	background-position:left top;
}
.LoginBox .Login-right-p a{white-space:nowrap;}
.LoginBox li{
	margin-bottom:12px; 
	display:table;
	width:100%;
	}

.LoginBox .loginbox-dex{
	color:#000; 
	width:46px;/*sufang*/
	}
.LoginBox .loginbox-input{
	width:170px; 
	float:left;
	}
a.login-button{
	background:url("../images/Viewle.gif") left top no-repeat;
	padding-left:10px;
	float:left;
}
a.login-button span{
	background:url("../images/Viewri.gif") right top no-repeat;
	padding-right:12px;
	float:left;
	color:#555;
	line-height:21px;
	padding-top:1px;
	height:21px;
}
a.login-button span:hover{
	text-decoration:none;
}
.LoginBox .icon_biger{
	color:#000;
	font-size:12px;
	margin-right:4px;
}
.LoginBox a{
	text-decoration:underline;
	}

.LoginBox .line-gray{
	border-bottom:1px solid #DCE6D2;
	padding-bottom:15px;
	}
.LoginBox .register{
	background:url("../images/login_button.gif") no-repeat; 
	height:25px; 
	width:123px;
	display:block; 
	font-size:14px;
	color:#fff;
	margin-left:56px;
	margin-top:5px;
	padding:8px 0 0px 20px;
	text-decoration:none;
	}


.inputWidth{
	width:150px;
}
/* ======================================================== .news-list Sufang 20100317==========================================================*/
.news .news-list{
	margin-top:20px;
	clear:both;
	}
.news .news-list li{
	margin-bottom:8px; 
}
.news .news-list li .title{
	font-size:13px;
	color:#1077b5;
			}
.news .news-list .data{
    font-size:13px;
    color:#666;
    padding-right:15px;
}

/* ======================================================== singup-login  Sufang 20100317==========================================================*/
.welcome{
	font-size:12px;
	padding:4px 8px 0;
}
.user-nav{
	color:#fff;
	}
.user-nav a{
	text-decoration:none;
	color:#f8efbb;
	font-size:12px; 
 
	padding:4px 8px 0;
}
.signup-login li{
    float:left;
	position:relative;
	z-index:5;
	}
.user-nav a.actived{
	background:url("../images/user_nav_bg.gif") repeat-x; 
	height:15px;  
	color:#1077b5;
	border:1px solid #186f9d; 
	border-bottom:1px solid #fff3b1;
	position:relative;
	z-index:100;
	display:inline-block;
	}
.signup-login-form{ 
    background:url("../images/user_nav_content_bg.gif") no-repeat; 
	background-color:#fff;
	position:absolute;
	width:260px; 
	border:1px solid #186f9d;
	border-top:none;
    padding:15px 20px;
	left:0; 
	top:20px;
	display:none;
	}
.signup-login-form .signup-login-form-error{
	line-height:16px;
	background-color:#fff;
	color:#F00;
	font-size:12px;
	font-weight:normal;
 
	padding:5px; 
	text-align:center;
	margin-bottom:20px;
	}
.signup-login-list li{
	margin:0; 
	padding:0;
	width:100%;
	color:#000;
	margin-bottom:10px;
	}
.signup-login-list li label{
	color:#000;
	white-space:nowrap;;
	width:35%;
	}
.signup-login-list li .signup-login-list-input{
	float:left;
	}
.signup-login-list li .error{
	border:1px solid #F00;
	}
.signup-login-list a{
	color:#1077b5;
	font-size:12px;
 
	padding:0;
	}
.signup-login a:hover{
	text-decoration:underline;
	}
.signup-login-list a.signup-login-button{
	background-color:#729fbf;
	padding:5px 10px;
	display:inline-block;
	}
.signup-login-list a.signup-login-button:hover{
	text-decoration:none;
	}
.signup-login-list .signup-login-button span{
	color:#fff;
	}
.signup-login-list p{
	margin:0; padding:0; 
	width:130px;
	float:right; 
	display:inline-block;
	}
	
/*==========================================================================sufang table small i
con=========================================================*/
.help-icon , .online-icon , .save , .cancel , .modify , .audit , .delete{
	background:url("../images/common.gif") no-repeat;
	padding-right:20px;
	}
a.modify{ 
    background-position:31px 1px ;
	}
a.audit{ 
    background-position:32px -45px;
	}
a.delete{
	background-position:32px -14px;
	}
a.cancel{ 
    background-position:32px -60px;
	}
a.save{
	background-position:32px -29px;
	}
	
/*==============================================================================sufang user-project ===========================================*/
.user-project{
	background:url("../images/common.gif") no-repeat -20px 1px;
	width:286px;
	height:32px;
	right:20px;
	text-align:center;
	position:absolute;
	padding-top:5px;
	top:37px;
	color:#6b6b6b;
}
.user-project span{
	color:#15810a;
	font-weight:bold;
	}
	
/*================================================================================sufang friendly-link====================================*/
.friendly-link{
	margin-top:30px;
}
.friendly-link span{
	color:#181818;
	font-size:12px;
	font-weight:bold;
}
.friendly-link a{
	color:#1077b5;
	margin-left:10px;
	font-size:12px;
}


.input-w160{
	width:160px;
}
.Insert div.bug-describe{
	width:86%;
	overflow:hidden;
}
.help-language{
	padding:3px 0;
}
.error-word{
	font-size:80px; 
	color:#ccc;
	float:left;
	margin-top:20px;
	margin-left:20px;
	margin-right:60px;
}
.error-reason{
	float:left;
	border-left:1px solid #d6e1ea;
	margin-top:30px;
	padding-bottom:100px;
	padding-left:60px;
	padding-top:30px;
}
.error-reason p{
	color:#666;
	line-height:25px;
	margin:0;
	font-size:14px;
}
.error-reason p a{
	color:#1077b5;
}
.error-reason h3{
	color:#cc0000; 
	font-size:16px;
	margin-bottom:30px;
}

.bugexport-title{
	margin:5px 0 10px;
	}
.bugexport-list{
	margin:0 auto;
	}
.bugexport-list .title{
	font-weight:bold;
	}	
.bugexport-list tr td{
	border:1px #ccc solid;
	vertical-align:top;
	padding:2px;
	}

/*=================sufang 2010/7/19=====================*/
.info{
	background:url("../images/info.gif") no-repeat left top;
	height:276px;
	position:relative;
	width:708px;
}

.info .subtitle{
	position:absolute;
	display:inline-block;
	width:332px;
	height:67px;
	top:20px;
	left:-14px;
}
.info .left{
	margin-top:100px;
	margin-left:25px;
	_margin-left:10px;
	width:370px;
}
.info .left h2{
	font-size:25px;
	color:#000;
	font-family:å¹¼åœ†;
}
.info .left p{
	font-size:14px;
	color:#333;
	line-height:22px;
}
.info .left p a{
	text-decoration:underline;
	color:#1077b5;
}
.color_15810a{
	color:#15810a;
}
.color_ff6600{
	color:#ff6600;
}
.color_cc0000{
	color:#cc0000;
}
.info .left .black_btn{
	background-color:#000;
	color:#fff;
	font-size:13px;
	padding:10px;
	display:inline-block;
	margin-top:15px;
	_margin-top:8px;
}
.info .right{
	margin-top:28px;
	margin-right:30px;
	_margin-right:15px;
}
.info .right .show{
	background:url("../images/TV.gif") no-repeat center center;
	width:244px;
	position:relative;
	height:228px;
}
.info .right .show .img{
	position:absolute;
	width:224px;
	height:142px;
	top:10px;
	left:10px;
}
.info .right .num_btn{
	position:absolute;
	bottom:-10px;
	right:-26px;
}
.info .right .num_btn a{
	margin-right:8px;
	display:inline-block;
	padding:5px 8px;;
	background-color:#fff;
	color:#000;
	font-size:13px;
	font-weight:bold;
	border:1px solid #ccc;
}
.info .right .num_btn a.active{
	background-color:#ffd625;
	border-color:#fff;
}
.data{
	float:left;
	width:710px;
}
.data table td{
	border-bottom:1px solid #e8f4f9;
	text-align:center;
	height:32px;
	font-size:12px;
}
.data table td.odd{
	border-bottom:1px solid #c6e2ee;
	border-top:1px solid #e8f4f9;
	background-color:#daecf4;
	text-align:left;
	padding-left:16px;
	color:#1077b5;
	font-weight:bold;
}
.data table .first td{
	background-color:#fff;
	border:none;
	height:20px;
}
.data table td.last_top{
	background:url("../images/table_top.gif") no-repeat left 5px;
}
.data table td.last_bg{
	background:url("../images/table_bg.gif") repeat-y left center;
	border:none;
	padding-left:4px;
	padding-right:5px;
}
.data table td.last_bg div{
	border-bottom:1px solid #c6e2ee;
	border-top:1px solid #e8f4f9;
	height:22px;
	padding-top:10px;
	color:#009900;
	font-weight:bold;
}
.data table .second td.last_bg div{
	border-top:none;
	position:relative;
	padding-top:10px;
	color:#1077B5;
	height:22px;
}
.data table .second td{
	border-top:2px solid #daecf4;
	color:#1077b5;
	font-weight:bold;
}
.data table .second td.last_bg{
	border-top:none;
}
.data table .last td{
	border-bottom:2px solid #daecf4;
}
.data table .last td.last_bg{
	border:none;
}
.data table .last td.last_bg div{
	border:none;
}
.data table td.last_btm {
	background:url("../images/table_btm.gif") no-repeat left -1px;
	border:none;
}
.font16{
	font-size:16px;
}
.marginright5{
	margin-right:5px;
}
.sun{
	background:url("../images/sun.png") no-repeat center center;
	position:absolute;
	height:60px;
	width:85px;
	color:#666;
	padding-top:25px;
	font-weight:bold;
	top:-20px;
	right:10px;
}
.color_cc0000{
	color:#cc0000;
}
.homepage1 .slidebar{
	margin-left:6px;
	margin-top:0;
}
.homepage1 .slidebar dl{
	margin-top:15px;
	width:244px;
	overflow:hidden;
}
.homepage1 .slidebar dt{
	font-size:14px;
	color:#1077b5;
    background:url("../images/sidebar_h2_line.gif") no-repeat left bottom;
	padding-bottom:8px;
	font-weight:bold;
	padding-left:5px;
	margin-bottom:5px;
	white-space:nowrap;
}
.slidebar dd{
	margin-left:7px;
	line-height:25px;
	font-size:12px;
	overflow:hidden;
	height:25px;
}
.slidebar dd a{
	color:#666;
}
.speaker dd{
	background:url("../images/Speaker.gif") no-repeat left 7px;
	padding-left:14px;
}
.arrow dd{
	background:url("../images/arrow.gif") no-repeat left 10px;
	padding-left:14px;
}
.help dd{
	background:url("../images/help.gif") no-repeat left 7px;
	padding-left:14px;
}
.white_btn_left , .white_btn_right{
	display:inline-block;
}
.white_btn_left{
	background:url("../images/white_btn_left.png") no-repeat left center;
	padding-left:12px;
	height:35px;
	margin-bottom:15px;
}
.white_btn_right{
	background:url("../images/white_btn_right.png") no-repeat right center;
	padding-top:9px;
	height:26px;
	padding-left:5px;
	padding-right:17px;
	font-size:14px;
	color:#16425f;
	font-weight:bold;
}
.client{
	clear:both;
	width:980px;
}
.client h2{
	font-size:14px;
	color:#1077b5;
	background:url("../images/h2_btm.gif") no-repeat left bottom;
	padding-bottom:5px;
}

.jcarousel-container{
	position:relative;
	margin-top:20px;
}
.jcarousel-container .prev , .next{
	display:inline-block;
	height:43px;
	width:13px;
	position:absolute;
	top:8px;
}
.jcarousel-container .clip{
	margin-left:15px;
}
.jcarousel-container .clip a{
	display:inline-block;
	margin-left:20px;
	color:#666;
	text-align:center;
	_margin-left:19px;
}
.jcarousel-container .clip a img{
	margin-bottom:10px;
	height:50px;
	width:130px;
	border:1px solid #999;
}
.jcarousel-container .prev{
	background:url("../images/prev.gif") no-repeat left center;
	left:0;
	_left:-16px;
}
.jcarousel-container .next{
	background:url("../images/next.gif") no-repeat left center;
	right:0;
}
.jcarousel-container .bar{
	background:url("../images/bar.gif") no-repeat left center;
	width:978px;
	height:7px;
	margin-top:20px;
	position:relative;
}
.jcarousel-container .bar .bar_blue{
	background:url("../images/bar_blue.gif") no-repeat left center;
	display:inline-block;
	position:absolute;
	width:123px;
	height:7px;
	left:60px;
}
.line-through{
	text-decoration:line-through;
}
.marginTL4{
	margin-left:4px;
	margin-right:4px;
}
/*=======================sufang 2010/7/23==================================*/
.about .Content div.Right {
	padding-right:11px;
	width:99.8%;
}
.about .slidebar{
	width:180px;
}
.about .slidebar-top{
	height:42px;
	width:100%;
	background:url("../images/sidebar_top.gif") no-repeat right bottom;
}
.about .slidebar-info ul{
	background:url("../images/sidebar_bg.gif") repeat-y right center;
}
.about .slidebar-info li{
	background:url("../images/line1.gif") no-repeat right top;
	line-height:35px;
	border-right:1px solid #c6e2ee;
}
.about .slidebar-info li a{
	background:url("../images/line2.gif") no-repeat right bottom;
	display:inline-block;
	width:100%;
	height:100%;
	text-align:center;
	font-family:å®‹ä½“;
	font-size:12px;
	color:#1077b5;
	text-decoration:none;
}
.about .slidebar-info li.active{
	background-color:#fff;
	border-right:none;
	background-image:none;
}
.about .slidebar-info li.last a{
	background:none;
}
.about .slidebar-bottom{
	background:url("../images/sidebar_btm.gif") no-repeat right top;
	height:143px;
	width:100%;
}
.about .about-us{
	padding:0px 25px 30px;;
	width:76%;
	min-height:600px;
	height: expression( this.scrollHeight < 600 ? "600px" : "auto" );
}
.about .about-us h2{
	background:url("../images/line3.gif") no-repeat right bottom;
	text-align:right;
	padding-bottom:6px;
	padding-right:10px;
	font-size:14px;
}
.about .about-us p{
	line-height:24px;
	margin-bottom:0;
	font-size:14px;
}
.about .about-us h5{
	font-size:14px;
	font-weight:normal;
	color:#1077b5;
	margin-top:20px;
}
.problem .about-us h5{
	background:url("../images/icon1.gif") no-repeat left center;
	font-size:14px;
	color:#000;
	padding:3px 0 3px 25px;
}
.law .about-us h5,.service .about-us h5{
	margin-top:25px;
}
.law .about-us p{
	margin-top:10px;
}
.about .about-us li{
	background:url("../images/good.gif") no-repeat left center;
	padding-left:20px;
	font-size:14px;
	margin-top:15px;
}
.service .about-us li{
	background:none;
	list-style:decimal inside;
}
.problem .about-us .subcontent{
	padding-left:25px;
	padding-bottom:15px;
	border-bottom:1px solid #e1e1e1;
}
.contact .about-us .box{
	overflow:auto;
	_zoom:1;
}
.contact .about-us .box label{
	width:100px;
}
.qq,.tel,.envelope{
	display:inline-block;
	padding-left:20px;
	margin-top:10px;
}
.qq{
	background:url("../images/QQ.gif") no-repeat left center;
}
.tel{
	background:url("../images/tel.gif") no-repeat left center;
}
.envelope{
	background:url("../images/envelope.gif") no-repeat left center;
}
.contact .about-us .left{
	width:300px;
}
.contact .about-us .Solution{
	float:right;
	margin-top:0px;
	background:url("../images/contact_bg.png") no-repeat left top;
	border:none;
	width:394px;
}
.intro .about-us li{
	background:none;
}
.intro .about-us li img.left{
	margin-top:10px;
}
.intro .about-us li div{
	margin-left:50px;
}
.intro .about-us li p{
	font-size:13px;
	margin-top:5px;
	line-height:21px;
}
.intro .about-us li h5{
	margin-top:0px;
}
.intro .about-us img.right{
	margin-left:10px;
}
.close_icon{
	background:url("../images/close.gif") no-repeat left center;
	display:inline-block;
	height:28px;
	width:64px;
	padding-left:45px;
	padding-top:10px;
	color:#de3725;
	font-weight:bold;
	font-size:13px;
}
.blue_box{
	background:url("../images/blue_box.gif") no-repeat center center;
	height:163px;
	width:219px;
	padding:10px;
	margin-top:15px;
}
.blue_box .title{
	font-size:14px;
	color:#1077b5;
	font-weight:bold;
}
.blue_box .information{
	background:url("../images/icon1.png") no-repeat left 16px;
	width:139px;
	padding-top:5px;
	font-size:12px;
	color:#666;
	padding-left:70px;
}



.transform {
	width:100%;
	display:inline-block;
}
.transform ul{
	padding:5px 0px 0px;
	border-bottom:1px solid #d8d8d8;
	display:inline-block;
	margin-left:110px;
	width:530px;
}
.transform li{
	float:left;
	position:relative;
	margin-bottom:-2px;
}
.transform li a{
	padding:6px 8px;
	background-color:#f2f2f2;
	border:1px solid #d8d8d8;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-bottom:none;
	color:#999;
	float:left;
	margin-right:10px;
	text-decoration:none;
}
.transform li a:hover{
	color:#333;
}
.transform li.current a{
	 border-bottom: 2px solid #fff;
	 background-color:#fff;
	color:#333;
}
p.createEdit{
    position:relative;
    float:right;
    z-index:10;
}
.editor{
    width:800px;
    height:530px;
}